<template>
	<detailbox title="查看"  @leftclick="close">
		<div slot="right" class="flex_end">
			<div>
				<el-button type="primary" plain size="small">打印</el-button>
				<el-button type="primary" plain size="small">审批历史详情</el-button>
			</div>
		</div>
		<basic-container>
			<div class="main_title flex_between">
				<div>审批历史详情</div>
			</div>
			<el-table :data="tableData">
				<el-table-column prop="date" label="处理时间">
				</el-table-column>
				<el-table-column prop="name" label="工作流节点">
				</el-table-column>
				<el-table-column prop="address" label="状态">
				</el-table-column>
				<el-table-column prop="address" label="处理结果">
				</el-table-column>
				<el-table-column prop="address" label="处理意见">
				</el-table-column>
				<el-table-column prop="address" label="处理人">
				</el-table-column>
				<empty slot="empty" text="暂无历史记录"></empty>
			</el-table>
		</basic-container>
		<el-row>
			<el-col :span="12">
				<basic-container>
					<div class="main_title success_f">
						<b>文件信息</b>
					</div>
					<el-divider></el-divider>
				</basic-container>
			</el-col>
			<el-col :span="12">
				<basic-container>
					<div class="main_title warn_f">
						<b>流程信息</b>
					</div>
					<el-divider></el-divider>
				</basic-container>
			</el-col>
		</el-row>

	</detailbox>
</template>

<script>
	export default{
		data(){
			return {
				
			}
		},
		methods:{
			close(){
				this.$emit('close')
			}
		}
	}
</script>

<style>
	
</style>
